<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>查看合同订单</title>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
<script src="${ctxStatic}/js/DateTimePicker.js"></script>
<script src="${ctxStatic}/js/layer.js"></script>
<script src="${ctxStatic}/js/style.js"></script>
<link rel="stylesheet" href="${ctxStatic}/css/common_erp.css">
<link rel="stylesheet" href="${ctxStatic}/css/layerSm.css">
<c:set
	value="<%=ResourcesUtil.getConfig(\"reserver_meterial_wait_accept\")%>"
	var="audit_10" />
<style type="text/css">
</style>
<script type="text/javascript">
$(function() {
	$(".tabBox ul li").each(
		function() {
		var index = $(this).index();
		$(".tabBox ul li").eq(0).addClass("active");
		$(this).click(function() {
			// 款式类别
			$(this).addClass("active").siblings()
					.removeClass("active");
			$(".tabBoxSm > .tabSm").eq(index).stop(true)
					.show().siblings().stop(true).hide();
			var tableW = $(".tabBoxSm > .tabSm").eq(index)
					.find('.tableHead').width();
			var tabodyH = $(".tabBoxSm > .tabSm").eq(index)
					.find('.tableBody').height();
			var tableScrollH = $(".tabBoxSm > .tabSm").eq(
					index).find('.tableScroll').height();
			if (tabodyH > tableScrollH) {
				$(".tabBoxSm > .tabSm").eq(index).find(
						'.tableScroll').css('width',
						tableW + 18 + 'px')
			} else {
				$(".tabBoxSm > .tabSm").eq(index).find(
						'.tableScroll').css('width',
						'990px')
			}
		})
	})
})
</script>
<style type="text/css">
	.cloud{
	font-weight: bolder;
	}
</style>
</head>
<body>
	<div class="layerHeader clearfix">
		<p class="headerTitle">查看定制订单</p>
		<div class="headerButton clearfix">
			<button type="button" onclick="closeWin()">
				<spring:message code="btn_cancle" />
			</button>
		</div>
	</div>

	<div class="smOrderBox showHtml"></div>

	<div class="smOrderBox showHtml">
		<!-- 1 -->
		<div class="items clearfix">
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_order_no" />
				</p>
				<label>${orderListShowEntity.orderEntity.orderNo}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_urgent_order" />
				</p>
				<label>${fns:getDictName(orderListShowEntity.orderEntity.urgentCd)}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_order_parts" />
				</p>
				<label>${fns:getDictName(orderListShowEntity.styleEntity.styleCategoryCd)}</label>
			</div>
		</div>
		<!-- 2 -->
		<div class="items clearfix">
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_order_date" />
				</p>
				<label><fmt:formatDate value="${orderListShowEntity.orderEntity.orderDate}" pattern="yyyy-MM-dd"/></label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_tryOn_order" />
				</p>
				<label>${orderListShowEntity.orderEntity.tryonOrder}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_fabrice_code" />
				</p>
				<label>${orderListShowEntity.styleEntity.sytleFabricNo}</label>
			</div>
		</div>
		<!-- 3 -->
		<div class="items clearfix">
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_customer_name" />
				</p>
				<label>${orderListShowEntity.orderEntity.customerName}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_special_order" />
				</p>
				<label>${orderListShowEntity.orderEntity.specialOrder}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_fabric_composition" />
				</p>
				<label>${orderListShowEntity.styleEntity.styleComposition}</label>
			</div>
		</div>
		<!-- 4 -->
		<div class="items clearfix">
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_shop_name" />
				</p>
				<label>${orderListShowEntity.orderEntity.shopName}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_shipping_destination" />
				</p>
				<label>${orderListShowEntity.orderEntity.shippingDestination}</label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_fabric_width" />
				</p>
				<label>${orderListShowEntity.materialEntity.materialSpec}</label>
			</div>
		</div>
		<!-- 5 -->
		<div class="items clearfix">
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_shipment_date" />
				</p>
				<label><fmt:formatDate value="${orderListShowEntity.orderEntity.orderShipmentsDate}" pattern="yyyy-MM-dd"/></label>
			</div>
			<div class="col-33 clearfix">
				<p class="tit_order">
					<spring:message code="contract_new_shirt" />
				</p>
				<label>${orderListShowEntity.styleEntity.styleNameCn}</label>
			</div>
		</div>
	</div>
	<div class="tabBox">
		<ul class="clearfix">
			<li class="active cloud"><spring:message code="contract_order_shirt_model" /></li>
			<li class="cloud"><spring:message code="contract_trimmings" /></li>
			<li class="cloud"><spring:message code="contract_shirt_size" /></li>
			<li class="cloud"><spring:message code="contract_label_position" /></li>
			<li class="cloud"><spring:message code="contract_contrast" /></li>
			<li class="cloud"><spring:message code="contract_embroidery" />/备注</li>
		</ul>
	</div>
	<div class="tabBoxSm">
		<div class="tabSm">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow01.jsp"%>
		</div>
		<div class="tabSm none">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow02.jsp"%>
		</div>
		<div class="tabSm none">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow03.jsp"%>
		</div>
		<div class="tabSm none">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow04.jsp"%>
		</div>
		<div class="tabSm none">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow05.jsp"%>
		</div>
		<div class="tabSm none">
			<%@ include file="/WEB-INF/views/modules/order/orderListShow06.jsp"%>
		</div>
	</div>
	<script>
		window.onload = function() {
			$('.tableScrollSm').css('height', '325px')
			$('td input').each(function() {
				var tdH = $(this).parents('td').height()
				$(this).css('height', tdH)
			})
		}
		var tableW = $('.tableHead').outerWidth();
		$('.tableScroll').css('width', tableW + 18 + 'px')
		$('.showHtml').find('input,select,textarea').attr('disabled',
				'disabled')
	</script>
</body>
</html>
